<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <title>克克美智能无人美容院</title>
        <!-- Tell the browser to be responsive to screen width -->
        <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
        <!-- Bootstrap 3.3.6 -->
        <link rel="stylesheet" href="__STATIC__/AdminLTE/bootstrap/css/bootstrap.min.css">
        <!-- Font Awesome -->
        <!--<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.5.0/css/font-awesome.min.css">-->
        <link rel="stylesheet" href="https://cdn.bootcss.com/font-awesome/4.5.0/css/font-awesome.min.css">
        <!-- Ionicons -->
        <!--        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/ionicons/2.0.1/css/ionicons.min.css">-->
        <link rel="stylesheet" href="https://cdn.bootcss.com/ionicons/2.0.1/css/ionicons.min.css">
        <!-- Theme style -->
        <link rel="stylesheet" href="__STATIC__/AdminLTE/dist/css/AdminLTE.min.css">
        <!-- AdminLTE Skins. Choose a skin from the css/skins
             folder instead of downloading all of them to reduce the load. -->
        <link rel="stylesheet" href="__STATIC__/AdminLTE/dist/css/skins/_all-skins.min.css">
        <!-- iCheck -->
        <link rel="stylesheet" href="__STATIC__/AdminLTE/plugins/iCheck/flat/blue.css">
        <!-- Morris chart -->
        <link rel="stylesheet" href="__STATIC__/AdminLTE/plugins/morris/morris.css">
        <!-- jvectormap -->
        <link rel="stylesheet" href="__STATIC__/AdminLTE/plugins/jvectormap/jquery-jvectormap-1.2.2.css">
        <!-- Date Picker -->
        <link rel="stylesheet" href="__STATIC__/AdminLTE/plugins/datepicker/datepicker3.css">
        <!-- Daterange picker -->
        <link rel="stylesheet" href="__STATIC__/AdminLTE/plugins/daterangepicker/daterangepicker.css">
        <!-- bootstrap wysihtml5 - text editor -->
        <link rel="stylesheet" href="__STATIC__/AdminLTE/plugins/bootstrap-wysihtml5/bootstrap3-wysihtml5.min.css">

        <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
        <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
        <!--[if lt IE 9]>
        <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
        <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
        <![endif]-->

        <!-- jQuery 2.2.3 -->
        <script src="__STATIC__/AdminLTE/plugins/jQuery/jquery-2.2.3.min.js" type="text/javascript"></script>


    </head>
    <body class="hold-transition skin-blue sidebar-mini">
        <!-- modal-dialog -->
        <div id="confirm" class="modal modal-default">
            <div class="modal-dialog modal-sm">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">&times;</span></button>
                        <h4 class="modal-title" id="confirmTitle"></h4>
                    </div>
                    <div class="modal-body" id="confirmBody">
                        <p></p>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                        <button type="button" class="btn btn-success" id="confirmOk">确认</button>
                    </div>
                </div>
            </div>
        </div>

        <div id="alert" class="modal modal-default">
            <div class="modal-dialog modal-sm">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">&times;</span></button>
                        <h4 class="modal-title" id="alertTitle"></h4>
                    </div>
                    <div class="modal-body" id="alertBody">
                        <p></p>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-success" id="alertOk">确认</button>
                    </div>
                </div>
            </div>
        </div>

        <script type="text/javascript">
            function showConfirm(title, body, callback) {
            $('#confirmTitle').html(title);
            $('#confirmBody p').html(body);
            $('#confirm').modal('show');
            $('#confirmOk').click(function () {
            callback();
            $('#confirm').modal('hide');
            });
            }

            function showAlert(title, body, callback = null) {
            $('#alertTitle').html(title);
            $('#alertBody p').html(body);
            $('#alert').modal('show');
            $('#alertOk').click(function () {
            $('#alert').modal('hide');
            window.location.reload();
            });
            }
            function Alert(title, body, callback = null) {
            $('#alertTitle').html(title);
            $('#alertBody p').html(body);
            $('#alert').modal('show');
            $('#alertOk').click(function () {
            $('#alert').modal('hide');
            });
            }
            function AlertUrl(title, body, url) {
                $('#alertTitle').html(title);
                $('#alertBody p').html(body);
                $('#alert').modal('show');
                $('#alertOk').click(function () {
                    $('#alert').modal('hide');
                    window.location.href = url;
                });
            }
        </script>
        <!-- modal-dialog -->


        <div class="wrapper">

            <header class="main-header">
                <!-- Logo -->
                <a href="index2.html" class="logo">
                    <!-- mini logo for sidebar mini 50x50 pixels -->
                    <span class="logo-mini"><b>KKM</b></span>
                    <!-- logo for regular state and mobile devices -->
                    <span class="logo-lg"><b>克克美智能无人美容院</b></span>
                </a>
                <!-- Header Navbar: style can be found in header.less -->
                <nav class="navbar navbar-static-top">
                    <!-- Sidebar toggle button-->
                    <a href="#" class="sidebar-toggle" data-toggle="offcanvas" role="button">
                        <span class="sr-only">Toggle navigation</span>
                    </a>

                    <div class="navbar-custom-menu">
                        <ul class="nav navbar-nav">
                            <!-- Messages: style can be found in dropdown.less-->
                            <li class="dropdown messages-menu">
                                <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                                    <i class="fa fa-envelope-o"></i>
                                    <span class="label label-success">4</span>
                                </a>
                                
                            </li>
                            <!-- Notifications: style can be found in dropdown.less -->
                            <li class="dropdown notifications-menu">
                                <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                                    <i class="fa fa-bell-o"></i>
                                    <span class="label label-warning">10</span>
                                </a>
                                
                            </li>
                            <!-- Tasks: style can be found in dropdown.less -->
                            <li class="dropdown tasks-menu">
                                <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                                    <i class="fa fa-flag-o"></i>
                                    <span class="label label-danger">9</span>
                                </a>
                                
                            </li>
                            <!-- User Account: style can be found in dropdown.less -->
                            <li class="dropdown user user-menu">
                                <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                                    <img src="{:config('adminconfig.ImgPath')}/{:session('AI_PHOTO')}" class="user-image" alt="User Image">
                                    <span class="hidden-xs">{:session('Ai_NAME')}</span>
                                </a>
                                <ul class="dropdown-menu">
                                    <!-- User image -->
                                    <li class="user-header">
                                        <img src="{:config('adminconfig.ImgPath')}/{:session('AI_PHOTO')}" class="img-circle" alt="User Image">

                                        <p>
                                            克克美智能无人美容院
                                            <small>Member since Nov. 2016</small>
                                        </p>
                                    </li>
                                    <!-- Menu Body -->
                                    <li class="user-body">
                                        <div class="row">
                                            <div class="col-xs-4 text-center">
                                                <a href="#">BeautySalon</a>
                                            </div>
                                            <div class="col-xs-4 text-center">
                                                <a href="#">HairStylist</a>
                                            </div>
                                            <div class="col-xs-4 text-center">
                                                <a href="#">KKMTerrace</a>
                                            </div>
                                        </div>
                                        <!-- /.row -->
                                    </li>
                                    <!-- Menu Footer-->
                                    <li class="user-footer">
                                        <div class="pull-left">
                                            <a href="{:url('admin/Admin/savepwd', '', false)}" class="btn btn-default btn-flat">修改密码</a>
                                        </div>
                                        <div class="pull-right">
                                            <a href="{:url('admin/Index/logout', '', false)}" class="btn btn-default btn-flat">退出</a>
                                        </div>
                                    </li>
                                </ul>
                            </li>
                            <!-- Control Sidebar Toggle Button -->
                            <li>
                                <a href="#" data-toggle="control-sidebar"><i class="fa fa-gears"></i></a>
                            </li>
                        </ul>
                    </div>
                </nav>
            </header>
            <!-- head -->

            <!-- left -->
